<template>
  <el-container>
    <el-aside>
      
    </el-aside>
    <el-container>
      <el-header>Header</el-header>
      <el-main>
        <div>
          store内的指为{{store.state.count}}
        </div>
        <div>
          <el-button @click="store.commit('addCount',++count)">增加</el-button>
        </div>
      </el-main>
    </el-container>
  </el-container>
</template>

<script lang="ts" setup>
  import { ref, onMounted } from 'vue';
  import { useStore } from 'vuex';
  import axios from 'axios';
  const store = useStore();
  const count = store.state.count;
  const isCollapse = ref(false);
</script>

<style scoped lang="less">
  .el-container {
    width: 100vw;
    height: 100vh;
    .el-aside{
      background-color: rgb(67, 74, 80);
      width: 200px;
    }
    .el-header{
      background-color: #ccc;
      font-size: 20px;
      height: 60px;
    }
  }
</style>
